@import "base/main";

//常用弹出层样式==>表单
.pub-dialog {
    border-radius: 4px !important;
    .el-dialog__header {
        text-align: left;
        padding: 16px 30px;
        background:linear-gradient(-90deg,rgba(92,35,178,1),rgba(36,48,162,1));
        border-radius: 4px 4px 0px 0px;
        .el-dialog__title {
            color: #FFFFFF;
            font-size: 20px;
            width: 80%;
            @include text-overflow;
            display: block;
        }
        .el-dialog__headerbtn {
            .el-dialog__close {
                color: #fff;
                line-height: 13px;
                font-size: 24px;
            }
        }
    }
    .el-dialog__footer {
        .dialog-footer {
            .el-button {
                width: 166px;
                height: 42px;
                font-size: 14px;
                border-radius: 2px;
            }
            .el-button--default {
                border: 1px solid rgba(51, 51, 51, 1);
                &:hover {
                    background: $wf-core-color;
                    border-color: $wf-core-color;
                    color: #fff;
                }
            }
            .el-button--primary {
                background: $wf-core-color;
                border-color: $wf-core-color;
                margin-left: 80px;
            }
        }
    }
}

//全局分页
.el-pagination {
    text-align: center;
    margin: 25px 0 0 0;
    &.is-background {
        .el-pager {
            li:not(.disabled) {
                &.active {
                    background-color: $wf-core-color !important;
                }
                &:hover {
                    color: $wf-core-color;
                }
            }
        }
    }
}
.ql-size-12px{
    font-size: 20px !important;
}


.quill-editor {
    width: 900px;
    line-height: 0;
    .ql-toolbar {
        height: 42px;
        background: #f3f6fa;
        border: 1px solid rgba(221, 221, 221, 1);
    }
    .ql-container {
        height: 198px;
        border: 1px solid rgba(221, 221, 221, 1);
        border-top: none;
    }
    .ql-picker-options {
        line-height: initial;
    }
}






.public-form {
        & > .el-form-item {
            .el-form-item__label {
                &:before {
                    display: none;
                }
            }
            .el-form-item__content {
                .el-input {
                    .el-input__inner {
                        width: 520px;
                        height: 46px;
                        background: rgba(246, 246, 246, 1);
                        border-radius: 2px;
                    }
                }
                .format-select {
                    .area-select {
                        width: 520px;
                        height: 46px;
                        background: rgba(246, 246, 246, 1);
                        border-radius: 2px;
                    }
                }
                .el-textarea {
                    .el-textarea__inner {
                        width: 520px;
                        height: 160px;
                        background: rgba(246, 246, 246, 1);
                        border-radius: 2px;
                    }
                }
            }
            .approve-upload {
                position: relative;
                .el-upload {
                    .el-upload-dragger {
                        width: 300px;
                        height: 169px;
                        background: rgba(246, 246, 246, 1);
                        border: 1px solid rgba(244, 244, 244, 1);
                        img {
                            margin: 34px 0 0 0;
                        }
                        .el-upload__text {
                            color: $wf-core-color;
                            font-size: 14px;
                            line-height: 19px;
                        }
                    }
                }
                .el-upload__tip {
                    position: absolute;
                    font-size: 14px;
                    color: rgba(153, 153, 153, 1);
                    bottom: 40px;
                    left: 75px;
                }
            }
            .imgList {
                width: 300px;
                height: 169px;
                position: relative;
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                &:hover {
                    .zz {
                        display: block;
                    }
                }
                .zz {
                    display: none;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, .7);
                    cursor: pointer;
                    .icon {
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin: -20px 0 0 -20px;
                        color: #A7AEB9;
                        font-size: 40px;
                    }
                }
            }
            .el-form-item__content {
                .el-button--primary {
                    margin-top: 38px;
                    background: $wf-core-color;
                    border-radius: 2px;
                    width: 300px;
                    height: 46px;
                    font-size: 12px;
                    color: rgba(255, 255, 255, 1);
                    border-color: $wf-core-color;
                }
            }
        }
    }